<template>
  <div class="rose">
    <KiEchart :options="options"/>
  </div>
</template>

<script setup lang="ts">
import KiEchart from '../ki-echart/KiEchart.vue';
const props = defineProps({
  data:{
    type:Array,
    required:true
  }
})
const options = {
  
  toolbox: {
    show: true,
    feature: {
      mark: { show: true },
      dataView: { show: true, readOnly: false },
      restore: { show: true },
      saveAsImage: { show: true }
    }
  },
  series: [
    {
      name: 'Nightingale Chart',
      type: 'pie',
      radius: [20, 80],
      center: ['50%', '50%'],
      roseType: 'area',
      itemStyle: {
        borderRadius: 8
      },
      data:props.data
    }
  ]
};
</script>

<style scoped>

</style>